import React from 'react'
import {
  ProFormDatePicker,
  ProFormDateRangePicker,
  ProFormSelect,
  ProFormText,
  QueryFilter
} from '@ant-design/pro-components'

const Home = () => {
  return (
    <>
      <QueryFilter
      onFinish={async (values) => {
        console.log(values.name)
      }}
    >
      <ProFormText name="name" label="应用名称" rules={[{ required: true }]} />
      <ProFormText name="creater" label="创建人" />
      <ProFormSelect
        name="sex"
        label="性别"
        showSearch
        valueEnum={{
          man: '男',
          woman: '女'
        }}
      />
      <ProFormText name="status" label="应用状态" />
      <ProFormDatePicker name="startdate" label="响应日期" />
      <ProFormDateRangePicker name="create" label="创建时间" colSize={3} />
    </QueryFilter>
    </>
  )
}
export default Home
